﻿/* =============== STRUCTURE =================== */

#content .top_cap {
  height:10px;
  background:url('../images/company/about/aboutus_topcap.png') 0 0 no-repeat;
}

#content .center_stack {
  background:url('../images/company/about/aboutus_mid.png') 0 0 repeat-y;
}

#content .bottom_cap {
  height:10px;
  background:url('../images/company/about/aboutus_bttmcap.png') 0 bottom no-repeat;
}

/* =============== LEFT COLUMN =================== */

#content #left_col #description_row {
  background-color:#ffffff;
  border:1px solid #cbcbcb;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  margin:10px 0;
}

#description_row ul#box_list,
#description_row ul#box_list li {
  padding:0;
  list-style:none;
}

#description_row ul#box_list li.box_list_items {
  background:url('../images/company/about/vertical_line.png') right center no-repeat;
  float:left;
  width:32%;
  height:275px;
  margin:0px;
  padding:0px 5px 20px 0px;
  z-index:1;
}

#description_row ul#box_list li.box_list_items.last {
  background:none;
}

#description_row ul#box_list li.box_list_items .box_list_items_inner {
  margin:15px 10px auto 10px;
  z-index:3;
}

#description_row ul#box_list li.box_list_items .box_list_items_inner h3 {
  height: 30px;
  padding-left: 70px;
  line-height: 30px;
}

#description_row ul#box_list li.box_list_items#developers .box_list_items_inner h3 {
  padding-left: 45px;
}

#description_row ul#box_list li.box_list_items .box_list_items_inner p {
  background:none;
  font:bold 13px/18px "Trebuchet MS";
  color:#666;
  z-index:3;
}

#description_row ul#box_list li.box_list_items .box_list_items_inner p a {
  font:bold 13px/18px "Trebuchet MS";
  color:#21833b;
}

#description_row ul#box_list li.box_list_items .box_list_items_inner p a:hover {
  color:#3a3a3a;
}

#description_row ul#box_list li.box_list_items#developers h3 {
  background: url(../images/company/about/icon_developers.png) left center no-repeat;
}

#description_row ul#box_list li.box_list_items#players h3 {
  background: url(../images/company/about/icon_players.png) left center no-repeat;
}

#description_row ul#box_list li.box_list_items#press h3 {
  background: url(../images/company/about/icon_press.png) left center no-repeat;
}

/* =============== RIGHT COLUMN =================== */

#content ul#facts_list,
#content ul#device_list {
  margin:0 0 10px;
  padding:0;
  list-style:none;
}

#content ul#facts_list li.facts_list_items {
  margin:10px 0 18px 20px;
  list-style:disc outside none;
  font:bold 13px/16px "Trebuchet MS";
  color:#666;
}

#content h2#devices_title {
  padding-top: 10px;
}

#content ul#device_list li.device_list_items {
  margin:2px 0 0;
  padding:5px 0 20px 55px;
  list-style:none outside none;
  font:bold 13px/28px "Trebuchet MS";
  color:#555555;
}

#content ul#device_list li.device_list_items#android {
  background:url('../images/company/about/device_icons/android.png') 0 0 no-repeat;
  margin-bottom:0;
}

#content ul#device_list li.device_list_items#iphone {
  background:url('../images/company/about/device_icons/iphone.png') 0 0 no-repeat;
}

#content ul#device_list li.device_list_items#ipad {
  background:url('../images/company/about/device_icons/ipad.png') 0 0 no-repeat;
}

#content #right_col .blocks .inner_content .subtext {
  color: #555555;
  font:normal 13px/16px "Trebuchet MS";
}

#content #right_col .blocks a.bold {
  font-size:13px;
  line-height:14px;
  font-weight:bold;
}

#content #right_col .blocks a.bold span.chevrons {
  position:relative;
  top:3px;
  left:-1px;
  font-size:24px;
  font-weight:normal;
}

/* =============== CAROUSEL STRUCTURE =================== */

#content #carousel_wrapper {
  float:left;
  width:940px;
  margin:0px auto 25px;
  padding: 0px;
}

#content #carousel_wrapper .carousel_mid .c_wrapper {
  width:930px;
  position:relative;
  left:5px;
  padding:0;
  margin:0;
  line-height:0;
}


#content #carousel_wrapper .carousel_header {
  background:url('../images/company/about/horizontal_line.png') center bottom no-repeat;
  display:block;
  position: relative;
  margin:5px 10px 0;
  padding:0 0 6px;
}

#content #carousel_wrapper .carousel_mid .wrapper {
  position: relative;
  top: 0; 
  left:2px;
  float: left;
  width: 922px;
  height: 82px;
  margin: 0;
  padding:0 2px;
  overflow: auto;
}

#content #carousel_wrapper .carousel_header h2 {
  width:80%;
  margin-bottom:5px;
}

#content #carousel_wrapper .carousel_mid .carousel_header #carousel_nav {
  position:absolute;
  top:0px;
  right:0px;
}

#content #carousel_wrapper a {
  color:#999;
  text-indent:-999em;
}

#content #carousel_wrapper .carousel_mid .carousel_header #carousel_nav .arrow {
  display:block;
  float:left;
  background:url('../images/company/about/carousel/forward_arrows.png') 0 0 no-repeat;
  width:31px;
  height:31px;
  margin:0 10px 0 1px;
  border:0;
  text-decoration:none;
  text-indent:-999em;
}

#content #carousel_wrapper .carousel_mid .carousel_header #carousel_nav .arrow:hover {
  text-decoration:none;
  cursor:pointer;
}

#content #carousel_wrapper .carousel_mid .carousel_header #carousel_nav .arrow#back {
  background:url('../images/company/about/carousel/back_arrows.png') 0 0 no-repeat;
  background-position:0 0;
}
  
#content #carousel_wrapper .carousel_mid .carousel_header #carousel_nav .arrow#back:hover {
  background-position:-31px 0;
}

#content #carousel_wrapper .carousel_mid .carousel_header #carousel_nav .arrow#next {
  background-position:0 0;
}

#content #carousel_wrapper .carousel_mid .carousel_header #carousel_nav .arrow#next:hover {
  background-position:-31px 0;
}


/* =============== CAROUSEL SLIDER =================== */

#carousel_wrapper ul a img {
  border: 0;
}

#carousel_wrapper .wrapper ul {
  position: absolute;
  top: 0;
  width: 9999px;
  margin:0;
  padding:0;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

#carousel_wrapper ul li.carousel_outer_list_item {
  display:block;
  float:left;
  width: 930px;
  height:82px;
  padding:0px;
  margin:0px;
  text-align:center;
}

#carousel_wrapper ul li a img {
  display:block;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a {
  display:inline-block;
  height:81px;
  padding:0;
  margin:0;
  overflow:hidden;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#digital_choc {
  background:url('../images/company/about/carousel/publisher_logos/dig_choco.png') -118px center no-repeat;
  width:118px;   
  margin:0 15px 0 0;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#digital_choc:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#namco {
  background:url('../images/company/about/carousel/publisher_logos/namco.png') -93px center no-repeat;
  width:93px;     
  margin:0 15px 0 15px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#namco:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#bigpixel {
  background:url('../images/company/about/carousel/publisher_logos/bigpixel.png') -160px center no-repeat;
  width:160px;    
  margin:0 20px 0 15px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#bigpixel:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#halfbrick {
  background:url('../images/company/about/carousel/publisher_logos/halfbrick.png') -118px center no-repeat;
  width:118px;
  margin:0 10px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#halfbrick:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#pikpok {
  background:url('../images/company/about/carousel/publisher_logos/pikpok.png') -129px center no-repeat;
  width:129px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#pikpok:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#iwin {
  background:url('../images/company/about/carousel/publisher_logos/iwin.png') -162px center no-repeat;
  width:162px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#iwin:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#hudson {
  background:url('../images/company/about/carousel/publisher_logos/hudson.png') -75px center no-repeat;
  width:75px;
  margin:0 10px 0 5px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#hudson:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#taito {
  background:url('../images/company/about/carousel/publisher_logos/taito.png') -130px center no-repeat;
  width:130px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#taito:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#iplay {
  background:url('../images/company/about/carousel/publisher_logos/iplay.png') -85px center no-repeat;
  width:85px;
  margin:0 10px 0 0;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#iplay:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#glu {
  background:url('../images/company/about/carousel/publisher_logos/glu.png') -90px center no-repeat;
  width:90px;
  margin:0 10px 0 10px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#glu:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#capcom {
  background:url('../images/company/about/carousel/publisher_logos/capcom.png') -145px center no-repeat;
  width:145px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#capcom:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#tastyplay {
  background:url('../images/company/about/carousel/publisher_logos/tastyplay.png') -246px center no-repeat;
  width:246px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#tastyplay:hover {
  background-position:0 center;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#ustwo {
  background:url('../images/company/about/carousel/publisher_logos/ustwo.png') -62px center no-repeat;
  width:62px;
}

#carousel_wrapper .wrapper ul li.carousel_outer_list_item a#ustwo:hover {
  background-position:0 center;
}



